<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="description" content="消息中心-个人中心-政府采购信息网">
    <meta name="keywords" content="消息中心">
    <link rel="icon" href="/web/img/favicon.ico">
    <link rel="shortcut icon" href="/web/img/favicon.ico">
    <!--    <link rel="stylesheet" href="//at.alicdn.com/t/font_2052942_xzk2q3ix0w.css">-->
    <title>消息中心-个人中心-政府采购信息网</title>
    <style type="text/less">
        @import "/web/public/public.less";
        .container{
            #main{
                .clearfix;
                width: 1024px;
                margin: 0 auto;
                position: relative;
                padding-top: 23px;

                .aside-wrap{
                    width: 302px;
                    .fl;
                }
                .list-wrap{
                    width: 688px;
                    .fr;

                    .tab-list{
                        height: 50px;
                        background-color: #efefef;
                        .tab-item{
                            width: 136px;
                            line-height: 50px;
                            background-color: #ffffff;
                            border-top: 1px solid #3c76f5;
                            text-align: center;
                        }
                    }
                    .content-list{
                        padding-right: 15px;
                        &>li{
                            border-bottom: 1px solid #EEEEEE;
                            .clearfix;
                            font-size: 14px;
                            padding-top: 12px;
                            padding-left: 5px;

                            &.read{
                                color: #8c8c8c;
                                a{
                                    &:before{
                                        visibility: hidden;
                                    }
                                }
                            }

                            a{
                                display: inline-block;
                                font-size: 14px;
                                width: 555px;
                                .ellipsis;
                                line-height: 60px;
                                color: inherit;
                                &:before{
                                    content: ' ';
                                    display: inline-block;
                                    width: 6px;
                                    height: 6px;
                                    background-color: #bf0707;
                                    border-radius: 50%;
                                    margin-right: 8px;
                                    vertical-align: middle;
                                }
                            }
                            span{
                                .fr;
                                line-height: 60px;
                            }
                        }

                    }
                }
            }
        }
    </style>

    <script src="/web/lib/less.min.js"></script>
    <script src="/web/lib/jquery-1.12.4.min.js"></script>
    <script src="/web/public/public.js"></script>
    <script src="/web/lib/jquery.pagination.js"></script>
</head>
<body>
<div class="container">
    <!--这里引入header-->
    <!--#include virtual="/web/html/header/header.htm"-->
    <div id="main">
        <div class="aside-wrap">
            <!--#include virtual="/web/html/fragment/personal/aside.htm"-->
        </div>
        <div class="list-wrap">
            <div class="tab-list">
                <div class="tab-item">
                    消息中心
                </div>
            </div>
            <ul class="content-list">
            </ul>
            <div class="list-pagination"></div>
        </div>
    </div>
    <!--#include file="/web/html/footer/footer.htm"-->
</div>
<script>
    $(function () {
        $('#personal-center-aside .aside-list .message').addClass('active');
        function getCommentList(pageNum,resetPage){
            var pageSize = 10;
            $.ajax({
                url:ports.getMyMessage,
                data:{
                    pageNum:pageNum,
                    pageSize:pageSize
                },
                success:function (res) {
                    console.log('获取我的消息列表',res);

                    if(res.status==200){
                        if(res.data.list&&res.data.list.length){
                            var html = '';
                            $.each(res.data.list,function (i,item) {
                                html += '<li class='+ (item.read?'read':'') +'>\n' +
                                    '                    <a href='+ ('/web/message-detail.html?id='+item.strMessageId) +' target="_blank">'+ item.messageTitle +'</a>\n' +
                                    '                    <span>'+ item.publishTime.substr(0,10) +'</span>\n' +
                                    '                </li>';
                            });
                            $('ul.content-list').html(html);
                            if(resetPage){
                                $('.list-pagination').pagination({
                                    prevContent: '< 上一页',
                                    nextContent: '下一页 >',
                                    totalData: res.data.total,
                                    showData: pageSize,
                                    coping: true,
                                    callback: function (api) {
                                        console.log(api.getCurrent());
                                        var current = api.getCurrent();
                                        document.body.scrollTop = 0;
                                        document.documentElement.scrollTop = 0;
                                        getCommentList(current,false);
                                    }
                                });
                            }
                        }

                    }
                }
            })
        }
        getCommentList(1,true)
    })
</script>
</body>
</html>